import { Layout } from "tdesign-react";
import BreadcrumbNav from "./components/BreadcrumbNav";
import Setting from "./components/Setting";
import Fullscreen from "./components/Fullscreen";
import SwitchTheme from "@/components/SwitchTheme";
import Chooselanguage from "@/components/Chooselanguage";

import "./index.less";
const LayoutHeader = () => {
	const { Header } = Layout;
	return (
		<Header className="layout-head">
			<div className="layout-head-left">
				<BreadcrumbNav />
			</div>
			<div className="layout-head-right">
				<Fullscreen />
				<Chooselanguage />
				<div style={{ height: "32px", display: "flex", alignItems: "center" }}>
					<SwitchTheme />
				</div>
				<Setting />
			</div>
		</Header>
	);
};

export default LayoutHeader;
